<template>
  <div class="quarantine">
    <div class="quarantine-content">
      <div class="quarantine-title">隔离监护管理/医学隔离管理</div>

      <div class="quarantine-table">
        <el-table
          :data="tableData"
          border
          style="width: 90%"
          :header-cell-style="{background:'#5058b1',color:'#fff'}"
        >
          <el-table-column type="igid" label="#" width="100"></el-table-column>
          <el-table-column prop="name" label="姓名" width="200"></el-table-column>
          <el-table-column prop="text" label="信息" width="200"></el-table-column>
          <el-table-column prop="phone" label="电话" width="200"></el-table-column>
          <el-table-column prop="data" label="开始隔离日期"></el-table-column>
          <el-table-column prop="days" label="累计隔离天数"></el-table-column>
          <el-table-column prop="place" label="隔离地点"></el-table-column>
        </el-table>
      </div>
    </div>
  </div>
</template>
<script>
import Api from "../assets/js/api";
export default {
  data() {
    return {
      tableData: [],
        pageNum: "1",
        pageSize: "10"


    };
  },
  mounted() {
    this.quarantinelist();
  },
  methods: {
    quarantinelist() {



        this.$http.get(Api.quarantine,{
params: {
pageNum:this.pageNum,
pageSize: this.pageSize
},
      }).then(res => {
        console.log(res);
        this.tableData = res.data.list;
        console.log(this.tableData);
      });
    }
  }
};
</script>
<style scoped>
.quarantine {
  padding: 30px;
}
.quarantine-content {
  width: 100%;
  border-radius: 12px;
  background-color: #ffffff;
}
.quarantine-title {
  height: 55px;
   font-size: 24px;
  color: #a2a9d4;
  line-height: 55px;
  text-indent: 20px;
  border-bottom: 1px solid #ececff;
  margin-bottom: 15px;
}

.quarantine-table {
  margin-left: 20px;
  padding-bottom: 50px;
  box-sizing: border-box;
}
</style>